.mars-date-picker.ant-picker {
  color: @mars-base-color;
  border-color: @mars-base-border-color !important;
  background-color: transparent !important;

  &:hover {
    border-color: @mars-primary-color !important;
  }

  :deep(.ant-picker-input) {
    >input {
      color: var(--mars-base-color) !important;

      &::placeholder {
        color: var(--mars-base-color) !important;
      }
    }
  }

  .ant-picker-input {
    input {
      color: @mars-base-color !important;

      &::placeholder {
        color: var(--mars-base-color) !important;
      }
    }


  }

  .ant-picker-clear {
    background: @mars-bg-base;
    color: @mars-base-color !important;
  }

  .ant-picker-suffix * {
    color: @mars-base-color;
  }
}

.mars-datepicker-dropdown {
  .ant-picker-panel-container {
    .mars-drop-bg();

    :deep(.ant-picker-time-panel-cell-inner) {
      color: #fff;
    }
  }

  *,
  .ant-picker-content th {
    color: @mars-base-color !important;
  }

  .ant-picker-footer {
    border: none;
  }

  .ant-picker-cell {

    &:hover,
    &.ant-picker-cell-selected {
      .ant-picker-cell-inner {
        background-color: @mars-primary-color !important;
      }
    }
  }

  .ant-picker-cell-disabled {
    background-color: #273b4e;
  }

  .ant-picker-time-panel-cell {
    .ant-picker-time-panel-cell-inner {
      color: @mars-base-color !important;
    }

    &:hover,
    &.ant-picker-time-panel-cell-selected {
      background-color: @mars-primary-color !important;

      .ant-picker-time-panel-cell-inner {
        background-color: @mars-primary-color !important;
      }
    }
  }

}
